<div class="circuit-container">
    <div class="time">
        <div class="span-con">
            <i nz-icon class="ioc" type="clock-circle" theme="outline"
               [ngStyle]="{'color':state === '待市级审核' || state === '待省级审核' || state === '已完成'? '#1ABC9C' : '' }"></i>
            <span class="line"
                  [ngStyle]="{'background':state === '待市级审核' || state === '待省级审核' || state === '已完成' ? '#1ABC9C' : '' }"></span>
            <div class="text">
                <div class="my-span">提交信息</div>
                <div class="my-span2">{{submitTime | date: datas}}</div>
            </div>
        </div>
    </div>
    <div class="time">
        <div class="span-con">
            <i nz-icon class="ioc" type="clock-circle" theme="outline"
               [ngStyle]="{'color':state === '待省级审核' || state === '已完成'  ? '#1ABC9C' : '' }"></i>
            <span class="line" [ngStyle]="{'background':state === '待省级审核' || state === '已完成' ? '#1ABC9C' : '' }"></span>
            <div class="text">
                <div class="my-span">市级审核</div>
                <div class="my-span2">{{cityDealTime !== '未审核'? (cityDealTime  | date:datas) : '未审核'}}</div>
            </div>
        </div>
    </div>
    <div class="time">
        <div class="span-con">
            <i nz-icon class="ioc" type="clock-circle" theme="outline"
               [ngStyle]="{'color':state === '已完成'  ? '#1ABC9C' : '' }"></i>
            <span class="line" [ngStyle]="{'background':state === '已完成'  ? '#1ABC9C' : '' }"></span>
            <div class="text">
                <div class="my-span">省级审核</div>
                <div class="my-span2">{{provinceDealTime !== '未审核'? (provinceDealTime  | date: datas) : '未审核'}}</div>
            </div>
        </div>
        <div class="span-con">
            <i nz-icon class="ioc" type="clock-circle" theme="outline"
               [ngStyle]="{'color':state === '已完成'  ? '#1ABC9C' : '' }"></i>
            <div class="text">
                <div class="my-span">上报完成</div>
                <div class="my-span2">{{provinceDealTime !== '未审核'? (provinceDealTime  | date: datas) : '未审核'}}</div>
            </div>
        </div>
    </div>
</div>

